<template>
	<div class="forone">
		<h1>重置密码</h1>
		<input type="text" placeholder="请输入手机号/邮箱"/><br />
		<input type="text" placeholder="请输入验证码"/><br />
		<strong>获取验证码</strong><br />
		<input type="button" value="下一步" />
	</div>
</template>

<script>
	export default{
		name:'Forone'
	}
</script>

<style scoped>
	.forone{
		width: 100%;
		height: 6.5rem;
		position: relative;
	}
	.forone h1{
		font-size: 0.55rem;
		font-weight: bold;
		padding: 0.5rem 0 0 0.3rem;
	}
	.forone input{
		width: 90%;
		height: 0.9rem;
		margin: 0.15rem 0.7rem;
		border: none;
		border-radius: 0.2rem;
		background-color: rgba(241,241,241,0.3);
		padding: 0.2rem 0.2rem;
	}
	.forone input:nth-child(2){
		margin-top: 0.4rem;
	}
	.forone strong{
		position: absolute;
		top: 3.3rem;
		right: 0.65rem;
		font-size: 0.35rem;
		color: #ecc927;
	}
	.forone input[type='button']{
		height: 1.3rem;
		background-color:rgba(254,209,1,0.2);
		font-size: 0.4rem;
		color: rgba(22,22,22,0.2)
	}
</style>
